<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../vue.js"></script>
</head>

<body>
    <pre>
        1.数据双向绑定： 视图层的数据变化是，数据层的数据也会实时更新;数据层的数据变化时，视图层的数据也会更新。
        2.v-model: 它实现了视图层的数据向数据层的响应，也就实现了 数据层与视图层的双向绑定。
    </pre>
    <div class="box">
        <div>{{msg1}}</div>
        <input type="text" v-model='msg1'>
    </div>
    <script>
        let vm = new Vue({
            el: '.box',
            data: {
                msg1: 1,
            }
        })
    </script>
</body>

</html>